<script setup lang="ts">
import LText from '@/components/LText.vue'

const props = defineProps({
  list: {
    type: Array,
    required: true
  }
})
</script>

<template>
  <div class="create-component-list">
    <div class="component-item" v-for="(item, index) in props.list" :key="index">
      <LText v-bind="item"></LText>
    </div>
  </div>
</template>

<style scoped lang="scss">
.create-component-list {
  position: relative;
  text-align: center;
  min-height: 400px;
  margin-left: auto;
  margin-right: auto;
}
</style>
